
<section id='crawlResults'>
	<div class="page-header">
		<h1>Crawl results</h1>
	</div>
	<table class="table table-bordered table-striped">
		<tbody>
			<tr>
				<th>Crawl time</th>
				<td>${stats.duration}</td>
			</tr>
			<tr>
				<th>Exit status</th>
				<td>${exitStatus}</td>
			<tr>
				<th>Number of states</th>
				<td>${stats.stateStats.totalNumberOfStates}</td>
			</tr>
			<tr>
				<th><a href="#urls" class="nav-link">URL's visited</a></th>
				<td>${stats.stateStats.urls.keySet().size()}</td>
			</tr>
			<tr>
				<th>Number of edges</th>
				<td>${stats.getEdges()}</td>
			</tr>
			<tr>
				<th>Number of crawl paths</th>
				<td>${stats.crawlPaths}</td>
			</tr>
			<tr>
				<th>Failed events</th>
				<td>${stats.failedEvents}</td>
			<tr>
				<th>Average DOM length</th>
				<td>${stats.averageDomSize}</td>
			</tr>
		</tbody>
	</table>
</section>

<section id='highs-and-low'>
	<div class="page-header">
		<h1>Highs and lows</h1>
	</div>
	<table class="table table-bordered table-striped">
		<tbody>
			<tr>
				<th>Highest fan-out</th> 
				#set ( $state = $stats.stateStats.mostFanOut)
				<td><a href="states/${state.id}.html">${state.id}</a></td>
				<td>${state.count}</td>
			</tr>
			<tr>
				<th>Lowest fan-out</th> #set ( $state = $stats.stateStats.leastFanOut)
				<td><a href="states/${state.id}.html">${state.id}</a></td>
				<td>${state.count}</td>
			</tr>
			<tr>
				<th>Highest fan-in</th> #set ( $state = $stats.stateStats.mostFanIn)
				<td><a href="states/${state.id}.html">${state.id}</a></td>
				<td>${state.count}</td>
			</tr>
			<tr>
				<th>Lowest fan-in</th> #set ( $state = $stats.stateStats.leastFanIn)
				<td><a href="states/${state.id}.html">${state.id}</a></td>
				<td>${state.count}</td>
			</tr>
		</tbody>
	</table>
</section>
